<template>
  <div class="container">
    姓名：{{sname}}
    年龄：{{age}}
    <button :class = "type">点击</button>
  </div>
</template>

<script>
export default {
  name:'Child',
  props:{
    sname:{
      type:String,
      require:true
    },
    age:{
      type:Number
    },
    type:{
      //校验： 判断type是否是success,warning和primary之一。
      validator:function(value){
        return (['success','warning','primary'].indexOf(value)) > -1
      }
    }
  }
}
</script>